﻿
@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/roboto-Lights.ttf");
 }
 
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/roboto-Lights.ttf");
 }

body {
	height: 100%;
	font-family: "Roboto-Light";
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 100%;
}
.container {
	margin: 0 auto;
	width: 1000px;
	min-height: 765px;
}
/* header */
#header {
	height: 63px;
	padding-top: 25px;
	padding-left: 17px;
	background-color: #FBFBFB;
}
#content {
	background-color: green;
}
.title-left-column {
	float: left;
	width: 309px;
}
#v-city-logo {
	/*background: url(images/logo_big.png) 0 0 no-repeat;*/
	width: 148px;
	height: 42px;
	margin-right: 22px;
	float: left;
}
.selected-city {
	margin-top: 13px;
	float: left;
}
.selected-city a {
	color: #679800;
	font-size: 13px;
}

.title-right-column {
	float: left;
	width: 670px;
	padding-top: 7px;
}

.center-box {
	float: left;
}

.search-box {
	height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	color: #7A7A7A;
	font-size: 12px;
	border: 1px solid #7A7A7A;
	background: white;
}

.search-box a {
	color: #7A7A7A;
}

#search {
	width: 369px;
	color: #7A7A7A;
	border: none;
}
#search:focus {
	outline: none;
	content: '';
}

.contact-info {
	color: #7A7A7A;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

.right-box {
	float: right;
	font-size: 12px;
	padding-right: 24px;
	text-align: right;
}

.greetings {
	margin-bottom: 5px;
	font-size :12px;
	font-family:Roboto-Light;
	
}
.greetings,
#logout-link {
	color: #339900;
}

#content,
.sidebar-content,
#news {
	background-color: #F3F3F3;
}

.sidebar {
	float: left;
	width: 307px;
}

.sidebar-content {
	width: 260px;
	border-right: 1px solid #339A65;
	float: left;
	
	padding-left: 24px;
	padding-right: 22px;
	padding-top: 40px;
	padding-bottom: 22px;
	min-height: 890px;
}

.register .sidebar-content {
	min-height: 615px;
}

.sidebar-content p {
	font-size: 13px;
	color: #666;
	line-height: 17px;
}

p.marged {
	margin-left: 40px;
}

.wide {
	width: 432px;
}

#news {
	padding: 13px;
	width: 667px;
	float: right;
}

.collapsible-title {
	background: url(images/sidebar_head_bg.png) 0 0 repeat-x;
	height: 18px;
	width: 294px;
	padding-left: 13px;
	padding-top: 3px;
	color: #247526;
	font-weight: bold;
}

.event-item-table td {
	vertical-align: top;
	text-align: center;
}

.main-category {
	border-bottom: 1px solid #669900;
	margin-bottom: 28px;
}

.event-item {
	/*float: left;*/
	text-align: center;
	margin-bottom: 50px;
	width: 48px;
}

.event-item:not(.last) {
	margin-right: 22px;
}

.event-item .calendar {
	width: 48px;
	height: 28px;
	background: url(images/event_icon.png) 0 0 no-repeat;
	text-align: center;
	padding-top: 20px;
	font-size: 19px;
	color: #669900;
	margin-bottom: 10px;
}

.event-item .calendar .badge {
	background: url(images/badge_dk_green.png) 0 0 no-repeat;
	width: 31px;
	height: 24px;
	margin-left: 30px;
	margin-top: -31px;
	padding-top: 8px;
	font-size: 14px;
	text-align: center;
	color: white;
	font-weight: bold;
}

.event-item .calendar-text {
	color: #669900;
	font-size: 11px;
}

.create-controls {
	height: 30px;
}

.create-control {
	float: left;
	color: #669900;
	background: url(images/plus_icon.png) 0 0 no-repeat;
	padding-left: 15px;
	font-size: 12px;
	margin-right: 10px;
}

.copyright td{
	width: 110px;
	padding: 5px;
	font-size: 11px;
	color: #669900;
}

.copyright a {
	color: #669900;
	font-size: 12px;
}

.city-stream {
	color: #669900;
}

.news-title {
	font-size: 14px;
	font-family:Roboto-Regular;
	padding-bottom: 10px;
	margin-bottom: 28px;
	border-bottom: 1px solid #669900;
}

.news-title a {
	color: #669900;
	font-size: 13px;
	font-family:Roboto-Light;
	margin-left: 10px;
	font-weight: normal;
}

.news-title a.selected{
	font-weight: bold;
}

.ad-img {
	margin-bottom: 28px;
}

.ad-mid {
	float: left;
	width: 200px;
	height: 145px;
	margin-right: 20px;
	background: url(images/ad_img.png) 0 0 no-repeat;
}

.order-ad {
	float: right;
	font-size: 11px;
	padding-bottom: 10px;
}
.clear {
	clear: both;
}

.stream-title {
	height: 30px;
}

.stream-title a {
	color: #669900;
	font-size: 13px;
}
.stream-title .title {
	font-weight:normal;
	font-style:inherit;
	font-size: 14px;
}

.stream-item .event-name {
	color: #848484;
	font-size: 14px;
	height: 25px;
}

.date-hold {
	float: right;
	font-size: 11px;
	color: #848484;
}

.stream-item .event-img {
	float: left;
	margin-right: 20px;
}

.stream-item .event-description {
	font-size: 13px;
	color: #848484;
	margin-left: 170px;
	width: 495px;
}

.stream-item .event-place,
.stream-item .event-date {
	height: 20px;
}

.stream-item .event-controls {
	margin-top: 20px;
	font-size: 13px;
	height: 30px;
}

.stream-item .event-controls .control {
	float: right;
	margin-right: 10px;
}
.stream-item .event-controls .rate {
	background: white;
	vertical-align: middle;
}
.stream-item .event-controls .rate .plus {
	width: 21px;
	height: 21px;
	background: url(images/rate_up.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.stream-item .event-controls .rate .minus {
	width: 21px;
	height: 21px;
	background: url(images/rate_down.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.stream-item .event-controls .rate .rating {
	color: #669900;
	vertical-align: middle;
}

.copyright {
	margin-top: 340px;
}

.register .copyright {
	margin-top: 180px;
}

#login-info {
	float: right;
	width: 485px;
	padding-left: 35px;
	padding-top: 21px;
}
.login-form h2 {
	color: #679800;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 20px;
}
.login-table {
	font-size: 11px;
	margin-bottom: 20px;
	color: #7a7a7a;
}

.login-table td {
	padding: 3px;
}
.login-table input[type="text"],
.login-table input[type="password"]  {
	width: 140px;
}
.register td {
	padding-bottom: 10px;
}
td.aligned-bottom {
	vertical-align: bottom;
}
td.aligned-right {
	text-align: right;
}
td.aligned-right a {
	font-size: 11px;
	color: #7a7a7a;
}
.btn-green {
	background: #690;
	border: none;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	padding-top: 4px;
	padding-bottom: 3px;
}

.settings-title {
	height: 30px;
}

.settings-title .title {
	font-weight: bold;
	font-size: 14px;
}

.settings-title .remove_all {
	font-size: 11px;
	color: #7a7a7a;
}

.settings-subscriptions {
	padding-bottom: 10px;
}

.subscription-item {
	margin-right: 10px;
	float: left;
	font-size: 13px;
	margin-bottom: 5px;
	
}
.subscription-item .subscription-name a{
	color: #7a7a7a;
}

.subscription-item .remove_subscr {
	text-decoration: none;
	color: transparent;
	background: url(images/remove_subscr.png) 0 0 no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	text-align: center;
}

/* user event create */
.event_profile td {
	padding: 3px;
}
.event_profile .label {
	text-align: right;
	font-size: 13px;
	color: #7a7a7a;
	padding-right: 10px;
	width: 200px;
	vertical-align: middle;
}

.event_profile .input  input,
.event_profile .input  textarea,
.event_profile .input  select,
.event_profile .date  input{
	color: #7a7a7a;
	border: 1px solid #679800;
	margin-right: 5px;
	margin: 3px;
}
.event_profile .input  input,
.event_profile .input  textarea,
.event_profile .input  select {	
	width: 310px;
}
.event_profile .date  input {
	width: 75px;
}

.event_profile .buttons {
	text-align: center;
	padding-top: 20px;
}